/*
 * @Author: xiaosihan 
 * @Date: 2022-08-22 16:29:24 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-11-07 21:24:09
 */
import hashHistory from '@hashHistory';
import ReactDOM from 'react-dom/client';
import { Route, Routes, unstable_HistoryRouter as Router } from 'react-router-dom';
import './index.css';

import loadable from "@loadable/component";
const FPSDemo = loadable(() => import("@views/FPSDemo/FPSDemo"));
const Helix = loadable(() => import("@views/Helix/Helix"));
const OctreeDemo = loadable(() => import("@views/OctreeDemo/OctreeDemo"));
const Home = loadable(() => import("@views/home/Home"));
const Home2 = loadable(() => import("@views/Home2/Home2"));
const MeshParticles = loadable(() => import("@views/MeshParticles/MeshParticlesPage"));


ReactDOM.createRoot(document.getElementById('root')!).render(
    <Router history={hashHistory as any} >
        <Routes>
            <Route path="/" element={<Home />} />
            <Route path="/home2" element={<Home2 />} />
            <Route path="/helix" element={<Helix />} />
            <Route path="/meshParticles" element={<MeshParticles />} />
            <Route path="/octreeDemo" element={<OctreeDemo />} />
            <Route path="/fps" element={<FPSDemo />} />
        </Routes>
    </Router>
)
